<template>
<div class="aid">
  <h2 class="title">助力记录</h2>
  <ul>
    <li v-for="item in helpData">
      <img :src="item.face"/>
      <div class="info">
        <div class="name">{{item.nickname}}</div>
        <div class="date">{{item.addtime}}</div>
      </div>
      <div class="money">
        <em>{{item.money}}</em>元
      </div>
    </li>
  </ul>
</div>
</template>

<script>
export default{
  data(){
    return{
    }
  },
  props:['helpData'],
  mounted(){
  },
  methods:{
  }
}
</script>

<style lang="scss" type="text/scss" scoped>
.aid{
  margin:40px auto 0;
  width:660px;
  box-sizing: border-box;
  background-color:#FFF;
  box-shadow:0 0 20px 10px rgba(#FFE1A6,0.7) inset;
  border-radius:40px;
  .title{
    background:url($imgUrl+'title.png');
    background-size:100% 100%;
    width:240px;
    line-height:68px;
    color:#FFF;
    margin:auto;
    font-size:28px;
    font-weight:bold;
  }
  ul{
    padding:30px 40px 20px;
    li{
      display:flex;
      align-items: center;
      margin-bottom:20px;
      img{
        width:80px;
        height:80px;
        border-radius:99em;
      }
      .info{
        flex:1;
        text-align:left;
        margin-left:30px;
        .name{
          font-size:30px;
        }
        .date{
          color:#999;
        }
      }
      .money{
        color:$c02;
        em{
          font-size:44px;
        }
      }
    }
  }
}
</style>
